if ('ontouchstart' in window) {
    var click = 'touchstart';
} else {
    var click = 'click';
}
$('div.burger').on(click, function () {
    if (!$(this).hasClass('open')) {
        openMenu();
    } else {
        closeMenu();
    }
});
$('div.menu').on(click, function (e) {
    console.log(e.target.localName)
    if(e.target.localName !== 'a'){
        e.preventDefault();
        closeMenu();
    }
        // closeMenu();
});
function openMenu() {
    $('body').css('overflow','hidden')
    $('div.menu-bg').addClass('animate');
    $('div.menu').addClass('animate');
    $('div.burger').addClass('open');
    $('div.x, div.z').addClass('collapse');
    $('.menu li').addClass('animate');
    setTimeout(function () {
        $('div.y').hide();
        $('div.x').addClass('rotate30');
        $('div.z').addClass('rotate150');
    }, 70);
    setTimeout(function () {
        $('div.x').addClass('rotate45');
        $('div.z').addClass('rotate135');
    }, 120);
}
function closeMenu() {
    $('body').css('overflow','auto')
    $('.menu li').removeClass('animate');
    $('div.menu').removeClass('animate');
    setTimeout(function () {
        $('div.burger').removeClass('open');
        $('div.x').removeClass('rotate45').addClass('rotate30');
        $('div.z').removeClass('rotate135').addClass('rotate150');
        $('div.menu-bg').removeClass('animate');
        setTimeout(function () {
            $('div.x').removeClass('rotate30');
            $('div.z').removeClass('rotate150');
        }, 50);
        setTimeout(function () {
            $('div.y').show();
            $('div.x, div.z').removeClass('collapse');
        }, 70);
    }, 100);
}
